<div class="line"></div>
<section>
    <div>

    </div>
    <div>
        <p>购物车</p>
        <div class="thead">
            <span>商品</span>
            <span>单价</span>
            <span>数量</span>
            <span>金额</span>
        </div>
        <div class="tbody">
            <div class="tbody-good">
                <!-- 商品列 -->
                <div>
                    <div>
                        <img src="assets/images/d1.jpg">
                    </div>
                    <div>
                        <p class="name">鲜果奇缘</p>
                        <p>尺寸：直径17.5cm</p>
                    </div>
                </div>
                <!-- 单价列 -->
                <div>￥218.00</div>
                <!-- 数量 -->
                <div>
                    <button>-</button>
                    <input type="text" value="1">
                    <button>+</button>
                </div>
                <!-- 金额 -->
                <div class="price">￥218.00</div>
                <!-- 操作 -->
                <!-- <button>×</button> -->
            </div>

        </div>
        <div class="tfoot">
            <div>
                <a href="javascript:;">
                    <i class="icon iconfont icondelete"></i>
                    全部清空
                </a>
            </div>
            <div class="total">
                <p>商品总计：<span>￥218.00</span></p>
                <p>优惠金额：<span>￥0.00</span></p>
                <p>配送运费：<span>￥0.00</span></p>
                <p>应付金额：<span>￥218.00</span></p>
                <a [routerLink]="[ '/cake' ]" id="continue">继续购物</a>
                <a [routerLink]="[ '/order' ]" id="finished">下单结算</a>
            </div>
        </div>
    </div>

    <!-- 猜您喜欢 -->
    <div class="section">
        <p>商品推荐</p>
        <div class="content">
            <a [routerLink]="[ '/details' ]">
            </a>
            <a [routerLink]="[ '/details' ]">
            </a>
            <a [routerLink]="[ '/details' ]">
            </a>
            <a [routerLink]="[ '/details' ]">
            </a>
        </div>
    </div>
</section>